<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%  
    String path = request.getContextPath();  
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
%> 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>登录页面</title>
    <!-- <td>单位ID：</td>
    		<td>账号：</td>
    		<td>密码：</td>
    		<td>姓名：</td>
    		<td>性别：</td>
    		<td>身份证号：</td>
    		<td>生日：</td>
    		<td>电话：</td>
    		<td>邮箱：</td> -->
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<!-- 引入easyui的css -->
	<link rel="stylesheet" type="text/css" href="<%=path%>/static/easyui_1_5_3/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="<%=path%>/static/easyui_1_5_3/themes/icon.css">
	<!-- 引入easyui的js -->
	<script type="text/javascript" src="<%=path%>/static/easyui_1_5_3/jquery.min.js"></script>
	<script type="text/javascript" src="<%=path%>/static/easyui_1_5_3/jquery.easyui.min.js"></script>
  </head>
  	
  	<script type="text/javascript">
  		
  		$(function(){
  			
  			//用户名文本框
  			$('#tb1').textbox({ 
  			    iconCls:'icon-man'      
  			})
  			
  			//密码文本框
  			$('#tb2').textbox({   
  			    iconCls:'icon-lock'
  			})
  			
  			//弹出窗口
  			$('#win').window({    
  			    width:400,    
  			    height:300,    
  			    modal:true,
  			  	closed:true
  			});  
  			
  			//密码验证
  			$.extend($.fn.validatebox.defaults.rules, {    
  			    equals: {    
  			        validator: function(value,param){    
  			            return value == $(param[0]).val();  
  			            
  			        },    
  			        message:'密码不一致!'   
  			    }    
  			});
  			
  		})
  		
  		function winopen() {
  			$('#win').window('open');
		}
  		
  		//按钮设置不可按
  		/* function checkForm() {
            var _message = "";
            var _obj;
            jQuery(".red").removeClass("red")
            jQuery("table.table1 tr").each(function (i, item) {
                if (jQuery(item).find("input[type='radio']:checked").length <= 0) {
                    _obj = jQuery(item).find("input[type='radio']").eq(0);00
                    _message = jQuery(item).find("td").eq(0).text() + "没有勾选!";
                    jQuery(item).addClass("red");
                    return false;
                }
            });
            if (_message != "") {
                alert(_message);
                jQuery(_obj).focus();
                return false;
            }
            return true;
        } */
        
        function deng() {
        	var user =$("[name='user']").val();
        	$.ajax({
                cache:true,//保留缓存数据
                type:"POST",//为post请求
                url:"denglu",//这是我在后台接受数据的文件名
                data:$('#deng').serialize(),//将该表单序列化
                //async:false,设置成true，这标志着在请求开始后，其他代码依然能够执行。如果把这个选项设置成false，这意味着所有的请求都不再是异步的了，这也会导致浏览器被锁死
                error:function(request){//请求失败之后的操作
                	alert("用户名或密码错误");
                	window.location.reload();
                },
                success:function(denglu){//请求成功之后的操作
                    if(denglu=='ok'){
                    	alert("登录好了");
                    	location="UserList?user="+user;
                    }else{
                    	alert("用户名或密码错误");
                    	window.location.reload();
                    }
                }
            });
		}
        
        //注册
        function Modify() {
        	$.ajax({
                cache:true,//保留缓存数据
                type:"POST",//为post请求
                url:"zhuce",//这是我在后台接受数据的文件名
                data:$('#zhuce').serialize(),//将该表单序列化
                //async:false,设置成true，这标志着在请求开始后，其他代码依然能够执行。如果把这个选项设置成false，这意味着所有的请求都不再是异步的了，这也会导致浏览器被锁死
                error:function(request){//请求失败之后的操作
                	alert("注册失败");
                	window.location.reload();
                },
                success:function(zhuce){//请求成功之后的操作
                    if(zhuce=='ok'){
                    	alert("注册成功");
                    	window.location.reload();
                    }
                }
            });
		}
        
  	</script>
  		
  <body>
  	
  
  	<font color="blue" size="+1">登录列表</font>
  	<span id="cuowu"></span>
  	<form id="deng" method="post" style="margin-top: 40px; margin-left: 40px;">  
  	<div style="margin-top:0px;text-align: center;">
  		<div align="left" style="width:300px">用户名：</div>
  		<div align="left">
			<input id="tb1" name="user" type="text" style="width:250px"> 
		</div>
	  	<div align="left" style="width:300px">密码：</div>
	  	<div align="left">
			<input id="tb2" name="pwd" type="password" style="width:250px">
		</div>
		<div style="margin-left:60px;text-align:left;;">
			<br>
			<a id="btn" class="easyui-linkbutton" data-options="iconCls:'icon-ok'" onclick="deng()" >登录</a> 
			<a id="btn" href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-add'" onclick="winopen()" >注册</a> 
		</div>
  	</div>
  	</form>
  	<!-- //弹出窗口 -->
  	<div id="win" class="easyui-dialog" title="提示"  style="width: 400px; padding: 10px 20px; height: 410px;"  
        closed="true" buttons="#dlg-buttons">                              <!-- //弹出框包括2部分一部分是上面的文本还有一部分是下面的两个按钮   -->
           
        <form id="zhuce" method="post" style="margin-top: 40px; margin-left: 40px;">  
        	<!-- 密码验证 
	        	<input id="pwd" name="pwd" type="password" class="easyui-validatebox" data-options="required:true" />   
				<input id="rpwd" name="rpwd" type="password" class="easyui-validatebox"     
	 		    required="required" validType="equals['#pwd']" />  
 		    -->
            <div class="fitem">  
                <label> 用户名称 : </label>  
                <input id="user" name="user" style="" class="easyui-textbox" editable="true" />  
            </div>  
            <br>
            <div class="fitem">  
                <label> 用户密码 : </label>  
                <!-- <input id="pwd" name="pwd" type="password" style="" class="easyui-textbox" editable="false" />   -->
                <input id="pwd" name="pwd" type="password" class="easyui-textbox"  />
            </div>  
            <br> 
            <div class="fitem">  
                <label> 确认密码 : </label>  
                <!-- <input id="rpwd" name="rpwd" type="password" style="" class="easyui-textbox" editable="false" />   -->
                <input id="rpwd" name="rpwd" type="password" class="easyui-textbox" required="required" validType="equals['#pwd']" /> 
            </div>  
            <!-- <div class="fitem">  
                <label>添加备注:</label>  
                <input id="txt_explain" style="width: 160px; height: 65px;" class="easyui-textbox" data-options="multiline:true" />  
            </div>   -->
              
            <!-- //直接写提交取消的事件不需要在js中绑定   -->
            <div id="dlg-buttons" style="display: block">  
                <a id="confirm" href="javascript:void(0)" class="easyui-linkbutton c6" iconcls="icon-ok" onclick="Modify()" style="width: 90px" >提交</a>  
                <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-cancel" onclick="javascript:$('#win').dialog('close')" style="width: 90px">取消</a>  
            </div>  
         </form>
    </div> 
  </body>
</html>
